<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"
	type="text/css" />
<!-- <link rel="stylesheet" href="./bootstrap/css/bootstrap.css"> -->
<!-- <link rel="stylesheet" href="./css/base.css"> -->
<script src='./js/jquery.js'></script>
<script src='./bootstrap/js/bootstrap.js'></script>
<script type="text/javascript" src="./js/slide.js"></script>
<link rel="stylesheet" type="text/css" href="css/indexcss.css" />
<link rel="stylesheet" href="./css/swiper.css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/slide.js"></script>
</head>
<style>

</style>
<body>
	<div class="whole">
		<!-- 顶部 -->
		<div class="top">
			<div class="left">
				<img src="img/logo.png" width="100" height="100" />
				
			</div>
			<div class="right">
				<ul id="MenuBar1" class="MenuBarHorizontal">
					<li style="background-color:#0F3"><a class="MenuBarItemSubmenu" href="#">登录</a>
						<ul>
							<li style="background-color:#0F6"><a href="buylogin.jsp">买家用户登录</a></li>
							<li style="background-color:#0F6"><a href="sellogin.jsp">卖家用户登录</a></li>
						</ul></li>
					<li style="background-color:#0F9"><a class="MenuBarItemSubmenu" href="#">注册</a>
						<ul style="background-color:#0F6">
							<li style="background-color:#0F6"><a href="buyregist.jsp">买家用户注册</a></li>
							<li style="background-color:#0F6"><a href="sellregist.jsp">卖家用户注册</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
		<!-- 中部1 center1 -->
		<div class="center1">
			<div class="slide">
				<!-- 导航点 -->
				<ul class="slide-nav">
					<li class="active"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<!-- /导航点 -->
				<!-- 轮播图 -->
				<div class="slide-content">
					<div class="slide-item">
						<img src="./img/swiper/zheng1.jpg" alt="图片一">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/zheng2.jpg" alt="图片二">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/zheng3.jpg" alt="图片三">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/shafa1.jpg" alt="图片四">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/shafa2.jpg" alt="图片五">
					</div>
				</div>
				<!-- /轮播图 -->
				<!-- 按钮 -->
				<a href="javascript:void(0);" class="slide-btn prev">《</a> 
				<a href="javascript:void(0);" class="slide-btn next">》</a>
				<!-- /按钮 -->
			</div>
		</div>
		<!-- 中部2 center2 -->
		<div class="center2">
			<div class="center-title">热门商品</div>
			<ul class="goods-total">
				<li class="goods-list"><img src="./img/deng1.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/deng2.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/deng3.jpg" alt="">
				</li>
			</ul>
			<div class="show-all" style="color:red">显示全部</div>
		</div>
		<!-- 中部3 center3 -->
		<div class="center3">
			<div class="center-title">热门店铺</div>
			<ul class="goods-total">
				<li class="goods-list"><img src="./img/dainpu1.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/dainpu2.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/dianpu3.jpg" alt="">
				</li>
			</ul>
			<div class="show-all">显示全部</div>
		</div>
		<!-- 低部 -->
		<div class="bottom1">
			<a href="#">关于我们</a>｜ <a href="#">业务范围</a>｜ <a href="#">联系方式</a>｜ <a
				href="#">信息反馈</a>｜ <a href="#">友情合作</a>｜ <a href="#">友情链接 </a>
		</div>
		<div class="zhushi">版权所有Copyright(C)2015-2019某某科技有限公司</div>


	</div>
	<script type="text/javascript">
		var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {
			imgDown : "SpryAssets/SpryMenuBarDownHover.gif",
			imgRight : "SpryAssets/SpryMenuBarRightHover.gif"
		});
		$(function() {
			$('.slide').slide();
		});
	</script>
</body>
</html>